header.bg-white-only.header.header-md.navbar.navbar-fixed-top-xs
  .navbar-header.aside.bg-info.dk
      a.btn.btn-link.visible-xs(data-toggle='class:nav-off-screen,open', data-target='#nav,html')
          i.icon-list
      a.navbar-brand.text-lt(href='/')
          i.icon-earphones
          img.hide(src='/images/logo.png', alt='.')
          span.hidden-nav-xs.m-l-sm Musik
      a.btn.btn-link.visible-xs(data-toggle='dropdown', data-target='.user')
          i.icon-settings
  ul.nav.navbar-nav.hidden-xs
      li
        a.text-muted(href='#nav,.navbar-header', data-toggle='class:nav-xs,nav-xs')
          i.fa.fa-indent.text
          i.fa.fa-dedent.text-active
  form.navbar-form.navbar-left.input-s-lg.m-t.m-l-n-xs.hidden-xs(role='search')
      .form-group
        .input-group
          span.input-group-btn
            button.btn.btn-sm.bg-white.btn-icon.rounded(type='submit')
              i.fa.fa-search
          input.form-control.input-sm.no-border.rounded(type='text', placeholder='Search songs, albums...')
  .navbar-right
      ul.nav.navbar-nav.m-n.hidden-xs.nav-user.user
        li.hidden-xs
          a.dropdown-toggle.lt(href='#', data-toggle='dropdown')
            i.icon-bell
            span.badge.badge-sm.up.bg-danger.count 2
          section.dropdown-menu.aside-xl.animated.fadeInUp
            section.panel.bg-white
              .panel-heading.b-light.bg-light
                strong
                  span.count 2
              .list-group.list-group-alt
                a.media.list-group-item(href='#')
                  span.pull-left.thumb-sm
                    img.img-circle(src='/images/a0.png', alt='...')
                  span.media-body.block.m-b-none
                    br
                    small.text-muted 10 minutes ago
                a.media.list-group-item(href='#')
                  span.media-body.block.m-b-none
                    br
                    small.text-muted 1 hour ago
              .panel-footer.text-sm
                a.pull-right(href='#')
                  i.fa.fa-cog
                a(href='#notes', data-toggle='class:show animated fadeInRight') See all the notifications
        li.dropdown
          a.dropdown-toggle.bg.clear(href='#', data-toggle='dropdown')
            span.thumb-sm.avatar.pull-right.m-t-n-sm.m-b-n-sm.m-l-sm
              img(src='/#{user.face}', alt='...')
            b.caret
          ul.dropdown-menu.animated.fadeInRight
            li
              span.arrow.top
              a(href='/admin/profile') 设置
            li
              a(href='/logout') 登出



